<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- SEO优化 -->
		<title>品优购-正品低价、品质保障、配送及时、轻松购物！</title>
		<meta name="description" content="品优购-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
		<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡" />
		<!-- ico图标 -->
		<link rel="shortcut icon" href="images/bitbug_favicon.ico" />
		<link rel="stylesheet" href="CSS/base.css">
		<link rel="stylesheet" href="CSS/common.css">
		<link rel="stylesheet" href="CSS/index.css">
		<link rel="stylesheet" type="text/css" href="CSS/shoppingCar.css"/>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/animate.js"></script>
		<script type="text/javascript" src="js/car.js"></script>
	</head>

	<body>
		<!-- shortcut -->
		<div class="shortcut">
			<div class="w">
				<div class="fl">
					<ul>
						<li>品优购欢迎您！</li>
						<li>
							<a href="login.html">请登录</a>
							<a href="#" class="style_red">免费注册</a>
						</li>
					</ul>
				</div>
				<div class="fr">
					<ul>
						<li><a href="#">我的订单</a></li>
						<li><a href="#" class="inco">我的品优购</a></li>
						<li><a href="#">品优购会员</a></li>
						<li><a href="#">企业采购</a></li>
						<li><a href="#" class="inco">关注品优购</a></li>
						<li><a href="#" class="inco">客户服务</a></li>
						<li><a href="#" class="last inco">网站导航</a></li>
					</ul>
				</div>
			</div>
		</div>

		<!-- header -->
		<div class="header">
			<div class="w clearfix">
				<!-- logo制作 SEO优化-->
				<div class="logo">
					<h1>
						<a href="index.html" title="品优购商城">品优购商城</a>
					</h1>
					<b>购物车</b>
				</div>
				
			</div>
		</div>
		<div class="c-container">
		        <div class="w">
		            <div class="cart-filter-bar">
		                <em>全部商品</em>
		            </div>
		            <!-- 购物车主要核心区域 -->
		            <div class="cart-warp">
		                <!-- 头部全选模块 -->
		                <div class="cart-thead">
		                    <div class="t-checkbox">
		                        <input type="checkbox" name="" id="" class="checkall"> 全选
		                    </div>
		                    <div class="t-goods">商品</div>
		                    <div class="t-price">单价</div>
		                    <div class="t-num">数量</div>
		                    <div class="t-sum">小计</div>
		                    <div class="t-action">操作</div>
		                </div>
		                <!-- 商品详细模块 -->
		                <div class="cart-item-list">
		                    <div class="cart-item check-cart-item">
		                        <div class="p-checkbox">
		                            <input type="checkbox" name="" id="" checked class="j-checkbox">
		                        </div>
		                        <div class="p-goods">
		                            <div class="p-img">
		                                <img src="uplode/p1.jpg" alt="">
		                            </div>
		                            <div class="p-msg">【5本26.8元】经典儿童文学彩图青少版八十天环游地球中学生语文教学大纲</div>
		                        </div>
		                        <div class="p-price">￥12.60</div>
		                        <div class="p-num">
		                            <div class="quantity-form">
		                                <a href="javascript:;" class="decrement">-</a>
		                                <input type="text" class="itxt" value="1">
		                                <a href="javascript:;" class="increment">+</a>
		                            </div>
		                        </div>
		                        <div class="p-sum">￥12.60</div>
		                        <div class="p-action"><a href="javascript:;">删除</a></div>
		                    </div>
		                    <div class="cart-item">
		                        <div class="p-checkbox">
		                            <input type="checkbox" name="" id="" class="j-checkbox">
		                        </div>
		                        <div class="p-goods">
		                            <div class="p-img">
		                                <img src="uplode/p2.jpg" alt="">
		                            </div>
		                            <div class="p-msg">【2000张贴纸】贴纸书 3-6岁 贴画儿童 贴画书全套12册 贴画 贴纸儿童 汽</div>
		                        </div>
		                        <div class="p-price">￥24.80</div>
		                        <div class="p-num">
		                            <div class="quantity-form">
		                                <a href="javascript:;" class="decrement">-</a>
		                                <input type="text" class="itxt" value="1">
		                                <a href="javascript:;" class="increment">+</a>
		                            </div>
		                        </div>
		                        <div class="p-sum">￥24.80</div>
		                        <div class="p-action"><a href="javascript:;">删除</a></div>
		                    </div>
		                    <div class="cart-item">
		                        <div class="p-checkbox">
		                            <input type="checkbox" name="" id="" class="j-checkbox">
		                        </div>
		                        <div class="p-goods">
		                            <div class="p-img">
		                                <img src="uplode/p3.jpg" alt="">
		                            </div>
		                            <div class="p-msg">唐诗三百首+成语故事全2册 一年级课外书 精装注音儿童版 小学生二三年级课外阅读书籍</div>
		                        </div>
		                        <div class="p-price">￥29.80</div>
		                        <div class="p-num">
		                            <div class="quantity-form">
		                                <a href="javascript:;" class="decrement">-</a>
		                                <input type="text" class="itxt" value="1">
		                                <a href="javascript:;" class="increment">+</a>
		                            </div>
		                        </div>
		                        <div class="p-sum">￥29.80</div>
		                        <div class="p-action"><a href="javascript:;">删除</a></div>
		                    </div>
		                </div>
		
		                <!-- 结算模块 -->
		                <div class="cart-floatbar">
		                    <div class="select-all">
		                        <input type="checkbox" name="" id="" class="checkall">全选
		                    </div>
		                    <div class="operation">
		                        <a href="javascript:;" class="remove-batch"> 删除选中的商品</a>
		                        <a href="javascript:;" class="clear-all">清理购物车</a>
		                    </div>
		                    <div class="toolbar-right">
		                        <div class="amount-sum">已经选<em>1</em>件商品</div>
		                        <div class="price-sum">总价： <em>￥12.60</em></div>
		                        <div class="btn-area">去结算</div>
		                    </div>
		                </div>
		            </div>
		        </div>
		
		    </div>
			<!-- footer -->
				<div class="footer">
					<div class="w">
						<div class="guarantee">
							<ul>
								<li>
									<span class="span1"></span>
									<h3>正品保障</h3>
									<p>正品保障，提供发票</p>
								</li>
								<li>
									<span class="span2"></span>
									<h3>正品保障</h3>
									<p>正品保障，提供发票</p>
								</li>
								<li>
									<span class="span3"></span>
									<h3>正品保障</h3>
									<p>正品保障，提供发票</p>
								</li>
								<li>
									<span class="span4"></span>
									<h3>正品保障</h3>
									<p>正品保障，提供发票</p>
								</li>
								<li>
									<span class="span5"></span>
									<h3>正品保障</h3>
									<p>正品保障，提供发票</p>
								</li>
							</ul>
						</div>
			
						<div class="about">
							<dl>
								<dt>购物指南</dt>
								<dd>购物流程</dd>
								<dd>会员介绍</dd>
								<dd>生活旅行/团购</dd>
								<dd>常见问题</dd>
								<dd>大家电</dd>
								<dd>联系客服</dd>
							</dl>
							<dl>
								<dt>购物指南</dt>
								<dd>购物流程</dd>
								<dd>会员介绍</dd>
								<dd>生活旅行/团购</dd>
								<dd>常见问题</dd>
								<dd>大家电</dd>
								<dd>联系客服</dd>
							</dl>
							<dl>
								<dt>购物指南</dt>
								<dd>购物流程</dd>
								<dd>会员介绍</dd>
								<dd>生活旅行/团购</dd>
								<dd>常见问题</dd>
								<dd>大家电</dd>
								<dd>联系客服</dd>
							</dl>
							<dl>
								<dt>购物指南</dt>
								<dd>购物流程</dd>
								<dd>会员介绍</dd>
								<dd>生活旅行/团购</dd>
								<dd>常见问题</dd>
								<dd>大家电</dd>
								<dd>联系客服</dd>
							</dl>
							<dl>
								<dt>帮助中心</dt>
								<img src="images/wx_cz.jpg" alt="">
								<dd>品优购客户端</dd>
							</dl>
						</div>
			
						<div class="copyright ">
							<ul class="clearfix">
								<li><a href="#">关于我们</a></li>
								<li><a href="#">联系我们</a></li>
								<li><a href="#">联系客服</a></li>
								<li><a href="#">商家入驻</a></li>
								<li><a href="#">营销中心</a></li>
								<li><a href="#">手机品优购</a></li>
								<li><a href="#">友情链接</a></li>
								<li><a href="#">销售联盟</a></li>
								<li><a href="#">品优购社区</a></li>
								<li><a href="#">品优购公益</a></li>
								<li><a href="#">English Site</a></li>
								<li><a href="#">Contact U</a></li>
							</ul>
							<p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
							<p>京ICP备08001421号京公网安备110108007702</p>
						</div>
					</div>
				</div>
			</body>
	</body>
</html>
